body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr {margin:0;padding:0;}
body {font:12px/1.5 Arial; color:#333;}
select,input,button {vertical-align:middle;font-size:100%;}
ul,ol {list-style:none;}
fieldset,img {border:0;}
em {font-style:normal;}
.clearfix:after {content:"."; display: block; visibility: hidden; clear: both; height:0; font-size:0}
.clearfix {*zoom:1}

/*global*/
a{ color:#134ba0; text-decoration:none;display: inline;}
a:hover{ color:#c00; text-decoration:underline;}

@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1449039318_082375.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1449039318_082375.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1449039318_082375.woff') format('woff'), 
  url('//at.alicdn.com/t/font_1449039318_082375.ttf') format('truetype'), 
  url('//at.alicdn.com/t/font_1449039318_082375.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
}


/*****  header  *****/
.header{ margin:0 auto; padding:25px 0 0; width:1200px; height:92px;}
.logo{ float:left; padding:5px 0 0;}
.logo h1{ float:left;}
.logo .mall-logo{ display:block; width:180px; height:50px; background-image:url(../image/logo_180x50.png); background-image:-webkit-image-set(url(../image/logo_360x100.png) 2x); background-repeat:no-repeat;}
.logo p{ float:left; margin:3px 0 0 10px; padding:0 0 0 10px; border-left:1px solid #eee; font:14px/44px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#666;}

.search-box{ float:left; padding:12px 0 0 56px;}
.search-box .search{ position:relative; width:536px; height:32px; border:2px solid #c40000;}
.search-text{ padding:6px 10px; width:427px; height:20px; font:14px/20px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#666; border:0 none; outline: 0 none;}
.search-btn{ position:absolute; top:0; right:0; width:89px; height:32px; font:16px/32px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#fff; border:0 none; background:#c40000; cursor:pointer;}
.search-history{ position:absolute; top:34px; left:-2px; width:448px; border:1px solid #ccc; background:#fff;}
.search-history ul{ padding:0 2px;}
.search-history li{ position:relative; zoom:1; padding:0 7px; height:24px; font:12px/24px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.search-history .delete{ display:none; position:absolute; top:0; right:8px; color:#c00; cursor:pointer;}
.search-history li:hover{ background:#f5f5f5;}
.search-history li:hover .delete{ display:block;}
.search-history .close{ padding:0 10px; font:12px/24px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; text-align:right; background:#f5f5f5;}
.search-history .close span{ cursor:pointer; text-decoration:underline;}
.hot-search{ padding:7px 0 0; font:12px/18px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.hot-search a{ display:inline-block; margin:0 15px 0 0; color:#999;}
.hot-search a:hover{ color:#f33; text-decoration:underline;}

.header .ad-div{ float:right; width:180px; height:60px;}
.header .ad-div img{ display:block;}

/* ���� */
.nav-box{ position:relative; z-index:2; zoom:1; margin:0 auto; padding:0 0 2px 200px; width:1000px; border-bottom:2px solid #c40000;}
.nav-box .nav li{ float:left; padding:0 20px; height:30px; font:16px/30px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.nav-box .nav a{ display:inline-block; color:#333;}
.nav-box .nav a:hover{ color:#f33;text-decoration: none;}
.nav-box .nav .current a,.nav-box .nav .current a:hover{ color:#f33; text-decoration:none;}
.nav-tips{ position:absolute; top:0; right:0; font:16px/30px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#f33;}
.nav-tips a,nav-tips a:hover{ color:#f33;} 

.category-nav-container{ position:absolute; top:0; left:0; width:200px;}
.category-nav-title{display: block; height:34px; background:#c40000; font:14px/34px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#fff;   text-align: left;position: relative;zoom: 1;padding: 0 0 0 34px;}
.category-nav-container .ad-div{ width:200px; height:70px; background:#222;}
.category-nav-container .ad-div img{ display:block;}

.category-menu-nav{ position:relative; zoom:1; height:341px; background:#2d2d2d;}
.category-menu-nav{ height: 411px;}
.menu-nav-container{ position:relative; zoom:1;height:341px;}
.menu-nav-container li{ position:relative; margin:-1px 0 0 1px; padding:0 0 1px 31px; height:38px; border-top:1px solid #3d3d3d; font:12px/38px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#fff;}
.menu-nav-container .item a,.menu-nav-container .item a:hover{ margin:0 3px; color:#fff; font-weight:bold;}
.menu-nav-container .current{ background:#fff; color:#333; width:200px;}
.menu-nav-container .current .item a,.menu-nav-container .current .item a:hover{ color:#333;}
.menu-nav-container .current .item .iconfont{ color:#818181;}
.menu-nav-container .item i{ position:absolute; top:12px; left:10px; color:#ababab; font-size:17px; line-height:17px;}

.category-menu-content{ display:none; position:absolute; top:0; left:199px; padding:5px 30px; width:690px; height:399px; background:#fff; background:rgba(255,255,255,0.98); border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; -wekit-box-shadow:3px 3px 5px rgba(0,0,0,0.05); box-shadow:3px 3px 5px rgba(0,0,0,0.05);}
.category-menu-content dl{ position:relative; zoom:1; padding:15px 0 20px 68px; font:12px/26px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; border-bottom:1px solid #eee;}
.category-menu-content dt{ position:absolute; top:15px; left:0; font-weight:bold;}
.category-menu-content dd{ color:#d3d3d3;}
.category-menu-content .last{ border:0 none;}
.category-menu-content a,.category-menu-content a:hover{ margin:0 8px; color:#333; white-space:nowrap;}
.category-menu-content .hot,.category-menu-content .hot:hover{ color:#f33;}
.category-menu-content .service{ padding:15px 0 8px 68px; border:0 none;}
.category-menu-content .service a,.category-menu-content .service a:hover{ color:#00ae75;}
.category-menu-content .service dd{ padding:0 0 0 8px;}
.category-menu-content .service dd a,.category-menu-content .service dd a:hover{ position:relative; zoom:1; display:inline-block; padding:0 0 0 27px; margin:0 20px 0 0; color:#00ae75; text-decoration:none;}
.category-menu-content .iconfont{ position:absolute; top:2px; left:0; font-size:22px; line-height:24px;}

.menu-nav-container .current .category-menu-content{ display:block;}
.menu-nav-container .current .category-1{ top:0;}
.menu-nav-container .current .category-2{ top:-39px;}
.menu-nav-container .current .category-3{ top:-78px;}
.menu-nav-container .current .category-4{ top:-117px;}
.menu-nav-container .current .category-5{ top:-156px;}
.menu-nav-container .current .category-6{ top:-195px;}
.menu-nav-container .current .category-7{ top:-234px;}
.menu-nav-container .current .category-8{ top:-273px;}

/*** �������� ***/
.search-layer{ position:fixed; top:0; left:0; _position:absolute;_top:expression(eval(document.documentElement.scrollTop)); z-index:1500; width:100%; height:50px; background:#fff; -wekit-box-shadow:0 1px 5px rgba(0, 0, 0, .1); box-shadow:0 1px 5px rgba(0, 0, 0, .1);border-bottom:1px solid #ededed;}
.search-layer .logo{ float:left; margin:9px 0 0; padding:0;}
.search-layer .search-box{ padding:7px 0 0 134px;}
.search-layer .search-box .search{ width:636px;}
.search-layer .search-text{ width:527px;}

/* ��ർ���±� */
.category-nav-title .ico {background: url(../image/zolcom_list_ico.png) no-repeat;}
.category-nav-title .ico {position: absolute;top: 14px;right: 20px;width: 10px;height: 6px;background-position: 0 0;font: 0/0 arial;overflow: hidden;}